<div class="row">
  <div class="nebular-calendar col-lg-4">
    <nb-calendar [(date)]="date" [boundingMonth]="true" (dateChange)="onDateChanged($event)"></nb-calendar>
  </div>

  <div class="col-lg-8">
    <nb-card>
      <nb-card-header>
        <span>生产批次</span>
        <span>
          <button class="btn btn-xs btn-primary" (click)="addProduce()">添加生产信息</button>
        </span>
      </nb-card-header>
      <nb-card-body>
        <table class="table table-condensed borderless">
          <tr>
            <th>#批次号</th>
            <th>食品名称</th>
            <th>生产日期</th>
            <th>生产商</th>
            <th>数量</th>
            <th>获取二维码</th>
          </tr>
          <tr *ngFor="let produce of (totalProduceList | calendarFilter:chosenDate);let i = index"
          >
            <td>{{produce.Batch}}</td>
            <td>{{produce.FoodName}}</td>
            <td>{{produce.Produce_date}}</td>
            <td>{{produce.manuName}}</td>
            <td>{{produce.qty}}</td>
            <td><a [routerLink]="['/company/qrcode']" [queryParams]="{batch: produce.Batch,batchId: produce.id}"><i
              class="nb-roller-shades"></i></a></td>
          </tr>
        </table>
      </nb-card-body>
      <nb-card-footer>可以点击日历切换日期筛选
        <button class="btn btn-xs btn-warning" (click)="reset()"><span>重置</span></button>
      </nb-card-footer>
    </nb-card>

  </div>
</div>
